<template>
    <h2 style="text-align: center;">借款项目列表</h2>
    <!-- <table class="table-bordered" border="1">
        <thead style="background-color: aqua;">
            <tr>
                <td>借款编号</td>
                <td>借款名称</td>

                <td>借款最高额度</td>
                <td>借款年限</td>
                <td>借款介绍</td>
                <td>借款利息</td>
                <td>操作</td>
            </tr>
        </thead>
        <tbody>
            <tr v-for="item in info">
                <td>{{ item.BM_Id }}</td>
                <td>{{ item.BM_Name }}</td>

                <td>{{ item.BM_Money }}元</td>
                <td>{{ item.BM_Year }}年</td>
                <td>{{ item.BM_Info }}</td>
                <td>{{ item.BM_Year }}年{{ item.BMI_Interest }}%</td>
                <td> -->
    <BorrowInfoContent v-slot="item">
        <a style="color: blue;margin-right: 10px;" @click="Delete(item.BM_Id)">删除</a>
        <a style="color: blue;" @click="Update(item.BM_Id)">修改</a>
    </BorrowInfoContent>
    <!-- </td>
            </tr>
        </tbody>
    </table>
    <span>当前共{{ Fenye.Count }}条数据，共{{ Fenye.PageCount }}页,当前第{{ Fenye.PageIndex }}页,每页{{ Fenye.PageSize }}条</span>
    <a style="color: blue;" @click="PageInfoLoad('F')">首页</a>
    <a style="color: blue;" @click="PageInfoLoad('P')">上一页</a>
    <a style="color: blue;" @click="PageInfoLoad('N')">下一页</a>
    <a style="color: blue;" @click="PageInfoLoad('L')">尾页</a> -->
</template>
<script setup lang="ts">
import BorrowInfoContent from './BorrowInfoContent.vue';
import axios from 'axios';
// import { ref, onMounted } from 'vue';
import { useRouter } from 'vue-router';

const router = useRouter();
// //创建生命周期函数构


// onMounted(() => {
//     //获取数据
//     select();
// })

// const info = ref([{
//     BM_Id: 0,
//     BM_Name: '',
//     BM_Year: '',
//     BM_Money: '',
//     BM_Info: '',
//     BMI_Interest: 0,
// }]);

// const Fenye = ref({
//     PageIndex: 1,
//     PageSize: 2,
//     Count: 0,
//     PageCount: 0,
// });

// const PageInfoLoad = (msg: string) => {
//     switch (msg) {
//         case 'F':
//             Fenye.value.PageIndex = 1;
//             break;
//         case 'P':
//             if (Fenye.value.PageIndex > 1) {
//                 Fenye.value.PageIndex--;
//             }
//             else {
//                 alert('当前已经是首页了')
//             }
//             break;
//         case 'N':
//             //当前页码必须小于总页码，方可点击下一页
//             if (Fenye.value.PageIndex < Fenye.value.PageCount) {
//                 Fenye.value.PageIndex++;
//             }
//             else {
//                 alert('当前已经是尾页了')
//             }
//             break;
//         case 'L':
//             Fenye.value.PageIndex = Fenye.value.PageCount;
//             break;
//         default:
//             Fenye.value.PageIndex = 1;
//             break;
//     }
//     select()
// }

// //获取数据
// const select = () => {
//     //发送请求
//     axios({
//         url: 'https://localhost:44387/api/Borrows/ShowBorrowMoneyInfo',
//         method: 'get',
//         params: {
//             PageIndex: Fenye.value.PageIndex,
//             PageSize: Fenye.value.PageSize,
//             Count: Fenye.value.Count,
//             PageCount: Fenye.value.PageCount,
//         }
//     }).then(res => {
//         info.value = res.data.list;

//         //将获取到的数据总数、总页数依次赋值
//         Fenye.value.Count = res.data.totalCount;
//         Fenye.value.PageCount = res.data.pageCount;
//         console.log(res.data);
//         console.log(res.data.PageCount);
//     }).catch(err => {
//         console.log(err);
//     })
// }

//完成删除功能
const Delete = (BM_Id: number) => {
    if (confirm('确定要删除吗?')) {
        axios
            .get('https://localhost:44387/api/Borrows/ShowBorrowMoneyInfo', {
                params: {
                    BM_Id: BM_Id
                }
            })
            .then(function (res) {
                if (res.data > 0) {
                    alert('删除成功')
                    //刷新页面
                    window.location.reload();

                }
                else {
                    alert('删除失败')
                }
            })
            .catch(function (error) {
                console.log(error);
            });
    }
}

//完成修改功能
const Update = (BMid: number) => {
    router.push({
        path: '/UpdateBorow',
        query: {
            BMid: BMid
        }
    })
}

</script>